@extends('common')
@section('header')
    <style>



        .jiacai-number {
            display: inline-block;
            position: absolute;
            width: 30%;
            height: 20px;
            background-color: #fff;
            font-size: 1rem;
            color: #F8B334;
            bottom: 20%;
            left: 11%;
            line-height: 20px;
            text-align: center;
            border-radius: 10px;
        }
    </style>
@endsection
@section('content')
    <!--中间-->
    <div class=" w1000 margincenter bgfff charicontent">
        <!--头条-->
        <div class="overflow headlines">
            <span class="inblock fl mr20"><img src="images/toutiao_03.jpg" alt=""/></span>
            @foreach($topList as $top)
                <div class="overflow headlinestext">
                    <p class="textoverflow overflow ft16 mt15">{{$top->title}}</p>
                    <div class="overflow ft14 headlinescont mt15">
                        {{$top->subhead}}<a
                                href="{{route('news' , ['id' => $top->id])}}">【详情】</a></div>
                </div>
            @endforeach
        </div>
        <!--头条 end-->
        <!--公示公告-->
        <div class="overflow notice">
            <div class="overflow fl noticelf">
                <div class="overflow coluntitle ft14 c3838">
                    <span class="cishanxiangmu cfff ft18 ftc inblock fl">公示公告</span>
                    <a href="{{route('news.cls_list' , ['cls_id' => 26])}}" class="inblock fr mr20 zixunmore">更多>></a>
                </div>
                <div class="overflow informationlist noticelist pl10 pr10  pt20">
                    @foreach($noticeList as $notice)
                        <a class="zixunlist block overflow" href="{{route('news' , ['id' => $notice->id])}}">
                            <div class="overflow fl">
                                <span class="inblock zico zixunico vermildle"></span>
                                <abbr class="inblock textoverflow vermildle">{{$notice->title}}</abbr>
                            </div>
                            <span class="inblock fr zixuntime">{{$notice->created_at}}</span>
                        </a>
                    @endforeach
                </div>
            </div>
            <div class="overflow fr noticefr">
                <div id="banner">
                    <div id="banner_list">
                        @foreach($imgArticleList as $article)
                            <a href="{{route('news' , ['id' => $article->id])}}" target="_blank" class="ft16"><img
                                        src="{{asset('upload') . '/' . $article->img}}" title="{{$article->title}}"
                                        alt="{{$article->title}}" style="width: 600px;height: 100%;"/></a>
                        @endforeach
                    </div>
                    <!--这里是标题，如果需要的话就去掉注释-->
                    <div id="banner_bg"></div>
                    <div id="banner_info"></div>
                    <!--这里是标题，如果需要的话就去掉注释   end-->
                    <ul>
                        @foreach($imgArticleList as $k => $article)
                            <li {{$k == 0 ? 'class="on"' : ''}}></li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
        <!--公示公告  end-->
        <!--慈善救助-->
        <div class="overflow charityaid">
            <div class="overflow fl noticelf">
                <div class="overflow coluntitle ft14 c3838">
                    <span class="cishanxiangmu cfff ft18 ftc inblock fl">慈善救助</span>
                    <a href="{{route('project.list' , ['cls_id' => 28])}}" class="inblock fr mr20 zixunmore">更多>></a>
                </div>
                @foreach($imgHelpList as $v)
                    <div class="overflow informationlist jiuzhulist mt5"><img src="{{asset('upload') . '/' . $v->img}}"
                                                                              alt=""/></div>
                @endforeach
            </div>
            <div class="overflow fr noticefr">
                <div class="overflow coluntitle charityaidtile ft14 c3838">
                    <span class="cishanxiangmu cfff ft18 ftc inblock fl">慈善项目</span>
                    <a href="{{route('project.list' , ['cls_id' => 29])}}" class="inblock fr mr20 zixunmore">更多>></a>
                </div>
                <div class="overflow informationlist charityaidlist">

                    <a style="position: relative" href="{{route('project.list' , ['cls_id' => 35])}}"><img src="images/xm1_10.jpg" alt=""/> <span class="jiacai-number">{{$zlCount}}</span></a>
                    <a style="position: relative" href="{{route('project.list' , ['cls_id' => 36])}}"><img src="images/xm2_10.jpg" alt=""/> <span class="jiacai-number">{{$zxCount}}</span></a>
                    <a style="position: relative" href="{{route('project.list' , ['cls_id' => 37])}}"><img src="images/xm3_10.jpg" alt=""/> <span class="jiacai-number">{{$zyCount}}</span></a>
                    <a style="position: relative" href="{{route('project.list' , ['cls_id' => 38])}}"><img src="images/xm4_10.jpg" alt=""/> <span class="jiacai-number">{{$zcCount}}</span></a>
                    <a style="position: relative" href="{{route('project.list' , ['cls_id' => 39])}}"><img src="images/xm5_10.jpg" alt=""/> <span class="jiacai-number">{{$zkCount}}</span></a>
                    <a style="position: relative" href="{{route('project.list' , ['cls_id' => 40])}}"><img src="images/xm6_10.jpg" alt=""/> <span class="jiacai-number">{{$zzCount}}</span></a>
                    <a style="position: relative" href="{{route('project.list' , ['cls_id' => 41])}}"><img src="images/xm7_10.jpg" alt=""/> <span class="jiacai-number">{{$zflCount}}</span></a>
                    <a style="position: relative" href="{{route('project.list' , ['cls_id' => 42])}}"><img src="images/xm8_10.jpg" alt=""/> <span class="jiacai-number">{{$zzyCount}}</span></a>
                </div>
            </div>
        </div>
        <!--慈善救助  end-->
        <!--成功案例-->
        <div class="overflow  successcase charityaid ">
            <div class="overflow coluntitle charityaidtile  ft14 c3838">
                <span class="cishanxiangmu cfff ft18 ftc inblock fl">成功案例</span>
                <a href="{{route('project.list' , ['cls_id' => 33])}}" class="inblock fr mr20 zixunmore">更多>></a>
            </div>
            <div class="overflow informationlist charitfrlistzjs successcaselist ">
                <ul>
                    @foreach($succeedExList as $v)
                        <li onclick="window.location.href='{{route('project' , ['id' => $v->id])}}'">
                            <div class="overflow rela listpro">
                                <img src="{{asset('upload') . '/' . $v->img}}"/>
                                <div class="overflow abs listtitle ftc textoverflow cfff ft16">{{$v->name}}
                                </div>
                            </div>
                            <div class="overflow listtext mt10">
                                <p class="ft14 textoverflow">单位：{{$v->body_name}}</p>
                                <p class="ft14 textoverflow">周期：{{$v->period}}年</p>
                                <p class="ft14 textoverflow">援助对象：{{$v->receiver}}</p>
                                <p class="ft14 textoverflow">援助额度：{{$v->amount}}元</p>
                            </div>
                            <a href="{{route('project' , ['id' => $v->id])}}"
                               class="inblock listdetailbtn ft16 ftc">详情</a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
        <!--成功案例   end-->
        <!--政策法规   经验分享   慈善资讯-->
        <div class="overflow  columnlists pt20">
            <div class="overflow fl politicslaw">
                <div class=" coluntitle columnliststitle ft14 c3838">
			 						<span class="cishanxiangmu cfff ft18 ftc inblock fl">
			 							<em class="inblock zico zhegnceico"></em>政策法规
			 						</span>
                    <a href="{{route('news.cls_list' , ['cls_id' => 43])}}" class="inblock fr mr20 zixunmore">更多>></a>
                </div>
                <div class="overflow informationlist pl10 pr10  pt20">
                    @foreach($zcfgImgList as $v)
                        <a class="zixunlist block overflow" href="{{route('news' , ['id' => $v->id])}}">
                            <div class="overflow fl zixunhot"><img src="{{asset('upload') . '/' . $v->img}}"/></div>
                            <span class="inblock fl zixuntime zixunconten ml10">
			 								<p class="textoverflow c3838 ft16">{{$v->title}}</p>
			 								<abbr class="inblock textoverflow mt20 vermildle">{{$v->subhead}}</abbr>
			 							</span>
                        </a>
                    @endforeach
                    @foreach($zcfgList as $v)
                        <a class="zixunlist block overflow" href="{{route('news' , ['id' => $v->id])}}">
                            <div class="overflow fl">
                                <span class="inblock zico zixunico vermildle"></span>
                                <abbr class="inblock textoverflow vermildle">{{$v->title}}</abbr>
                            </div>
                            <span class="inblock fr zixuntime">{{$v->created_at}}</span>
                        </a>
                    @endforeach
                </div>
            </div>
            <div class="overflow fl experienceshar">
                <div class=" coluntitle columnliststitle ft14 c3838">
			 						<span class="cishanxiangmu cfff ft18 ftc inblock fl">
			 							<em class="inblock zico zhegnceico jingyanico"></em>经验分享
			 						</span>
                    <a href="{{route('news.cls_list' , ['cls_id' => 44])}}" class="inblock fr mr20 zixunmore">更多>></a>
                </div>
                <div class="overflow informationlist pl10 pr10  pt20">
                    {{--img--}}
                    @foreach($jyImgList as $v)
                        <a class="zixunlist block overflow" href="{{route('news' , ['id' => $v->id])}}">
                            <div class="overflow fl zixunhot"><img src="{{asset('upload') . '/' . $v->img}}"/></div>
                            <span class="inblock fl zixuntime zixunconten ml10">
			 								<p class="textoverflow c3838 ft16">{{$v->title}}</p>
			 								<abbr class="inblock textoverflow mt20 vermildle">{{$v->subhead}}</abbr>
			 							</span>
                        </a>
                    @endforeach

                    @foreach($jyList as $v)
                        <a class="zixunlist block overflow" href="{{route('news' , ['id' => $v->id])}}">
                            <div class="overflow fl">
                                <span class="inblock zico zixunico vermildle"></span>
                                <abbr class="inblock textoverflow vermildle">{{$v->title}}</abbr>
                            </div>
                            <span class="inblock fr zixuntime">{{$v->created_at}}</span>
                        </a>
                    @endforeach

                </div>
            </div>
            <div class="overflow fl charityinfor">
                <div class=" coluntitle columnliststitle ft14 c3838">
			 						<span class="cishanxiangmu cfff ft18 ftc inblock fl">
			 							<em class="inblock zico zhegnceico zixunzjico"></em>慈善资讯
			 						</span>
                    <a href="{{route('news.cls_list' , ['cls_id' => 45])}}" class="inblock fr mr20 zixunmore">更多>></a>
                </div>
                <div class="overflow informationlist pl10 pr10  pt20">
                    @foreach($cszxImgList as $v)
                        <a class="zixunlist block overflow" href="{{route('news' , ['id' => $v->id])}}">
                            <div class="overflow fl zixunhot"><img src="{{asset('upload') . '/' . $v->img}}"/></div>
                            <span class="inblock fl zixuntime zixunconten ml10">
			 								<p class="textoverflow c3838 ft16">{{$v->title}}</p>
			 								<abbr class="inblock textoverflow mt20 vermildle">{{$v->subhead}}</abbr>
			 							</span>
                        </a>
                    @endforeach

                    @foreach($cszxList as $v)
                        <a class="zixunlist block overflow" href="{{route('news' , ['id' => $v->id])}}">
                            <div class="overflow fl">
                                <span class="inblock zico zixunico vermildle"></span>
                                <abbr class="inblock textoverflow vermildle">{{$v->title}}</abbr>
                            </div>
                            <span class="inblock fr zixuntime">{{$v->created_at}}</span>
                        </a>
                    @endforeach

                </div>
            </div>
        </div>
        <!--政策法规   经验分享   慈善资讯  end-->
        <!--慈善机构-->
        <div class="overflow mission charityaid ">
            <div class="missionfl overflow fl">
                <div class="overflow coluntitle charityaidtile  ft14 c3838">
                    <span class="cishanxiangmu cfff ft18 ftc inblock fl">慈善信息</span>
                    <a href="{{route('maps')}}" class="inblock fr mr20 zixunmore">更多>></a>
                </div>
                <div class="overflow informationlist pl10 pr10 missiontable">
                    <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                            <th>名称</th>
                            <th>业务主管单位</th>
                            <th>登记证号</th>
                            <th>组织机构代码</th>
                            <th>金额</th>
                            <th>成立时间</th>
                        </tr>
                        @foreach($orgList as $v)
                            <tr>
                                <td align="center">{{$v->name}}</td>
                                <td align="center">{{$v->competent_org}}</td>
                                <td align="center">{{$v->reg_number}}</td>
                                <td align="center">{{$v->org_number}}</td>
                                <td align="center">{{$v->amount}}</td>
                                <td align="center">{{$v->open_time}}</td>
                            </tr>
                        @endforeach
                    </table>
                </div>
            </div>
            <div class="missionfr overflow fr">
                <div class="overflow coluntitle charityaidtile  ft14 c3838">
                    <span class="cishanxiangmu cfff ft18 ftc inblock fl">慈善地图</span>
                    <a href="{{route('maps')}}" class="inblock fr mr20 zixunmore">更多>></a>
                </div>
                <div class="overflow informationlist ftc">{!!$orgRoot->longitude!!}</div>
            </div>
        </div>
        <!--慈善机构  end-->
    </div>
    <!--中间  end-->
@endsection
@section('scripts')
    <script type="text/javascript">
        var t = n = 0, count;
        $(function () {
            $(".charinav span").click(function () {
                $(this).addClass("chardefalut").siblings().removeClass("chardefalut");
            });

            $(".coluntitles").click(function () {
                $(this).find(".coludefalut").show().parent().siblings().find(".coludefalut").hide();
            });

            //banner
            Associationstyle();

        });

    </script>
@endsection